<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/11--%>
<%--  Time: 13:08--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        #content{--%>
<%--            width: 1150px;--%>
<%--            height: 520px;--%>
<%--            float: right;--%>
<%--            margin-right: 40px;--%>
<%--            border: saddlebrown 1px solid;--%>
<%--        }--%>
<%--        #innerAddTaskFrame{--%>
<%--            width: 1000px;--%>
<%--            height: 380px;--%>
<%--            margin-left: 80px;--%>
<%--            color: mediumslateblue;--%>
<%--            font-family: cursive;--%>
<%--            margin-top: 50px;--%>
<%--            font-size: 22px;--%>
<%--            border: saddlebrown 1px solid;--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div id="content">--%>

<%--    <div id="innerAddTaskFrame">--%>
<%--        &nbsp;&nbsp;&nbsp;请添加题目：<br>--%>
<%--        <form action="tea.action?action=addTask" method="post">--%>
<%--            <textarea style="width: 800px;height: 240px;font-family: cursive;font-size: 18px" rows="4" name="taskName">--%>

<%--            </textarea>--%>
<%--            <br> <br> <br>--%>
<%--            <input style="margin-left: 350px;font-family: cursive;font-size: 18px" type="submit" value="点击添加">--%>

<%--        </form>--%>
<%--        <span style="margin-left: 320px;font-size: 15px;color: red">${tip}</span>--%>


<%--    </div>--%>

<%--</div>--%>


<%--</body>--%>
<%--</html>--%>
<%--<script>--%>
<%--    function checkAddTask() {--%>
<%--        alert("hahah")--%>
<%--        return false;--%>
<%--    }--%>
<%--</script>--%>









<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/11--%>
<%--  Time: 13:08--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        /* 整体内容区域样式调整，添加背景渐变、阴影等效果，使其更立体 */--%>
<%--        #content{--%>
<%--            width: 1150px;--%>
<%--            height: 520px;--%>
<%--            float: right;--%>
<%--            margin-right: 40px;--%>
<%--            border: 1px solid rgba(139, 69, 19, 0.5); /* 半透明的边框颜色 */--%>
<%--            background: linear-gradient(to bottom right, #f8f8f8, #e0e0e0); /* 背景渐变效果 */--%>
<%--            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */--%>
<%--            border-radius: 10px; /* 圆角效果 */--%>
<%--            padding: 20px; /* 添加一些内边距让内容不紧贴边框 */--%>
<%--            box-sizing: border-box; /* 确保内边距不影响整体宽度 */--%>
<%--        }--%>
<%--        /* 内部添加任务框架样式调整，同样添加背景、阴影等使其更炫酷 */--%>
<%--        #innerAddTaskFrame{--%>
<%--            width: 1000px;--%>
<%--            height: 380px;--%>
<%--            margin-left: 80px;--%>
<%--            color: mediumslateblue;--%>
<%--            font-family: cursive;--%>
<%--            margin-top: 50px;--%>
<%--            font-size: 22px;--%>
<%--            border: 1px solid rgba(139, 69, 19, 0.5);--%>
<%--            background: linear-gradient(to bottom right, #ffffff, #f0f0f0);--%>
<%--            box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);--%>
<%--            border-radius: 8px;--%>
<%--            padding: 20px;--%>
<%--            box-sizing: border-box;--%>
<%--        }--%>
<%--        /* 文本域样式调整，添加更柔和的边框、背景等 */--%>
<%--        textarea {--%>
<%--            width: 800px;--%>
<%--            height: 240px;--%>
<%--            font-family: cursive;--%>
<%--            font-size: 18px;--%>
<%--            border: 1px solid rgba(139, 69, 19, 0.3);--%>
<%--            background-color: rgba(255, 255, 255, 0.8);--%>
<%--            border-radius: 5px;--%>
<%--            padding: 10px;--%>
<%--            resize: none; /* 禁止用户手动调整大小 */--%>
<%--        }--%>
<%--        /* 提交按钮样式调整，添加渐变背景、悬浮效果等 */--%>
<%--        input[type="submit"] {--%>
<%--            margin-left: 350px;--%>
<%--            font-family: cursive;--%>
<%--            font-size: 18px;--%>
<%--            background: linear-gradient(to bottom, #66b3ff, #3399ff); /* 按钮渐变背景 */--%>
<%--            color: white;--%>
<%--            border: none;--%>
<%--            border-radius: 5px;--%>
<%--            padding: 10px 20px;--%>
<%--            cursor: pointer;--%>
<%--            transition: background 0.3s ease; /* 过渡效果，让背景变化更平滑 */--%>
<%--        }--%>
<%--        input[type="submit"]:hover {--%>
<%--            background: linear-gradient(to bottom, #3399ff, #007acc); /* 按钮悬浮时的渐变背景变化 */--%>
<%--        }--%>
<%--        /* 提示信息样式微调 */--%>
<%--        span {--%>
<%--            margin-left: 320px;--%>
<%--            font-size: 15px;--%>
<%--            color: red;--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div id="content">--%>

<%--    <div id="innerAddTaskFrame">--%>
<%--        &nbsp;&nbsp;&nbsp;请添加题目：<br>--%>
<%--        <form action="tea.action?action=addTask" method="post">--%>
<%--            <textarea rows="4" name="taskName"></textarea>--%>
<%--            <br> <br> <br>--%>
<%--            <input type="submit" value="点击添加">--%>

<%--        </form>--%>
<%--        <span style="margin-left: 320px;font-size: 15px;color: red">${tip}</span>--%>


<%--    </div>--%>

<%--</div>--%>


<%--</body>--%>
<%--</html>--%>
<%--<script>--%>
<%--    function checkAddTask() {--%>
<%--        alert("hahah")--%>
<%--        return false;--%>
<%--    }--%>
<%--</script>--%>








<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/11--%>
<%--  Time: 13:08--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>添加任务</title>--%>
<%--    <style>--%>
<%--        /* 重置浏览器默认样式 */--%>
<%--        body, html {--%>
<%--            margin: 0;--%>
<%--            padding: 0;--%>
<%--            font-family: Arial, sans-serif;--%>
<%--            background-color: #f0f0f0;--%>
<%--        }--%>

<%--        /* 整体内容区域样式调整 */--%>
<%--        #content {--%>
<%--            width: 980px;--%>
<%--            margin: 0 auto; /* 使用auto实现水平居中 */--%>
<%--            padding: 30px;--%>
<%--            border-radius: 15px;--%>
<%--            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);--%>
<%--            background: rgba(255, 255, 255, 0.95); /* 轻微半透明背景 */--%>
<%--            box-sizing: border-box;--%>
<%--        }--%>

<%--        /* 内部添加任务框架样式调整 */--%>
<%--        #innerAddTaskFrame {--%>
<%--            background: rgba(240, 240, 240, 0.8); /* 轻微半透明背景 */--%>
<%--            border-radius: 10px;--%>
<%--            padding: 20px;--%>
<%--            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>

<%--        /* 标题样式 */--%>
<%--        #innerAddTaskFrame h2 {--%>
<%--            color: #333;--%>
<%--            font-size: 24px;--%>
<%--            margin-bottom: 20px;--%>
<%--            text-align: center;--%>
<%--        }--%>

<%--        /* 文本域样式调整 */--%>
<%--        textarea {--%>
<%--            width: 100%; /* 使用百分比宽度，适应父容器 */--%>
<%--            max-width: 900px; /* 限制最大宽度，避免过宽 */--%>
<%--            height: 200px;--%>
<%--            font-size: 16px;--%>
<%--            border: 1px solid #ccc;--%>
<%--            border-radius: 8px;--%>
<%--            padding: 12px;--%>
<%--            resize: none;--%>
<%--            box-sizing: border-box;--%>
<%--        }--%>

<%--        /* 提交按钮样式调整 */--%>
<%--        input[type="submit"] {--%>
<%--            display: block;--%>
<%--            width: 150px;--%>
<%--            margin: 0 auto; /* 使用auto实现水平居中 */--%>
<%--            font-size: 16px;--%>
<%--            background: #4CAF50; /* 绿色背景 */--%>
<%--            color: white;--%>
<%--            border: none;--%>
<%--            border-radius: 5px;--%>
<%--            padding: 10px 20px;--%>
<%--            cursor: pointer;--%>
<%--            transition: background 0.3s ease;--%>
<%--        }--%>

<%--        input[type="submit"]:hover {--%>
<%--            background: #45a049; /* 悬浮时背景变深 */--%>
<%--        }--%>

<%--        /* 提示信息样式微调 */--%>
<%--        .tip {--%>
<%--            color: red;--%>
<%--            font-size: 14px;--%>
<%--            text-align: center; /* 居中显示 */--%>
<%--            margin-top: 10px;--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div id="content">--%>
<%--    <div id="innerAddTaskFrame">--%>
<%--        <h2>请添加题目</h2>--%>
<%--        <form action="tea.action?action=addTask" method="post" onsubmit="return checkAddTask()">--%>
<%--            <textarea name="taskName" placeholder="在这里输入任务内容..."></textarea>--%>
<%--            <br><br>--%>
<%--            <input type="submit" value="点击添加">--%>
<%--        </form>--%>
<%--        <span class="tip">${tip}</span>--%>
<%--    </div>--%>
<%--</div>--%>

<%--<script>--%>
<%--    function checkAddTask() {--%>
<%--        alert("确定要添加这个任务吗？");--%>
<%--        // 根据需要返回 true 或 false 来决定是否提交表单--%>
<%--        return true; // 这里为了演示，阻止表单提交--%>
<%--    }--%>
<%--</script>--%>
<%--</body>--%>
<%--</html>--%>






<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/6/11
  Time: 13:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加任务</title>
    <style>
        /* 重置浏览器默认样式 */
        body, html {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }

        /* 整体内容区域样式调整 */
        #content {
            width: 1230px;
            margin: 0 auto; /* 使用 auto 实现水平居中 */
            margin-right: 0; /* 向右移动的距离，可根据实际需求调整 */
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            background: rgba(255, 255, 255, 0.95); /* 轻微半透明背景 */
            box-sizing: border-box;
        }

        /* 以下其他样式保持不变 */
        #innerAddTaskFrame {
            background: rgba(240, 240, 240, 0.8); /* 轻微半透明背景 */
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        #innerAddTaskFrame h2 {
            color: #333;
            /*333*/
            font-size: 24px;
            margin-bottom: 20px;
            text-align: center;
        }

        textarea {
            margin-left: 115px;
            width: 100%; /* 使用百分比宽度，适应父容器 */
            max-width: 900px; /* 限制最大宽度，避免过宽 */
            height: 200px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 8px;
            padding: 12px;
            resize: none;
            box-sizing: border-box;
        }

        input[type="submit"] {
            display: block;
            width: 150px;
            margin: 0 auto; /* 使用 auto 实现水平居中 */
            font-size: 16px;
            background: #4CAF50; /* 绿色背景 */
            color: white;
            border: none;
            border-radius: 5px;
            padding: 10px 20px;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        input[type="submit"]:hover {
            background: #45a049; /* 悬浮时背景变深 */
        }

        .tip {
            color: red;
            font-size: 14px;
            text-align: center; /* 居中显示 */
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div id="content">
    <div id="innerAddTaskFrame">
        <h2>请添加题目</h2>
        <form action="tea.action?action=addTask" method="post" onsubmit="return checkAddTask()">
            <textarea name="taskName" placeholder="在这里输入任务内容..."></textarea>
            <br><br>
            <input type="submit" value="点击添加">
        </form>
        <span class="tip">${tip}</span>
    </div>
</div>

<script>
    function checkAddTask() {
        alert("确定要添加这个任务吗？");
        // 根据需要返回 true 或 false 来决定是否提交表单
        return true; // 这里为了演示，阻止表单提交
    }
</script>
</body>
</html>